doctype 5
html
  head
    
    meta(name="viewport",content="width=device-width, initial-scale=1.0")

    - if (typeof(title) == 'undefined')
        title ThermoCloud
    - else 
        title= title
    
    // include default stylesheets and any view stylesheets
    // link(rel='stylesheet', href='/stylesheets/style.css')
    link(rel='stylesheet', href='/stylesheets/bootstrap.css')
    link(rel='stylesheet', href='/stylesheets/jumbotron.css')
    
    // include default scripts and any view scripts
    script(src='/javascripts/jquery-1.8.3.min.js')
    script(src='/javascripts/modernizr.js')
    // script(src="../assets/js/jquery.js")
    script(src='/javascripts/bootstrap.min.js')
    

    block head
    
  body   
    header

    div(class="navbar navbar-inverse navbar-fixed-top", role="navigation")
      div(class="container")
        div(class="navbar-header")
          button(type="button", class="navbar-toggle", data-toggle="collapse", data-target=".nav-collapse")
            span(class="icon-bar")
            span(class="icon-bar")
            span(class="icon-bar")

        a(class="navbar-brand", href="/") 
          div ThermoCloud

        div(class="nav-collapse collapse")
          ul(class="nav navbar-nav")
            li(class="active")
              a(href="/") Security
            li
              a(href="/lighting") Lighting
            li
              a(href="/") Music
            li
              a(href="/") Climate
            li
              a(href="/") Irrigation
            li
              a(href="/") Settings
            
    #body
        block content
    
    div(class="container")  
      footer
        p &copy; ThermoCloud !{(new Date()).getFullYear()}